html, div, span, h1, h2,  p, a,  ul, li, img {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-size: 100%;
}
 body{
	background: #a7c7dc  repeat-x top left;
	font-family: verdana;
	padding:0px;
	margin:0px;
	letter-spacing:2px;
}
.wrap {
	width: 480px;
	margin: 0 auto;
}
.wrap ul li {
	float:left;
	position:relative;
	display:inline-block;
	width:150px;
	height:200px;
	margin:5px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.35);
}
li div {
	position:absolute;
	height:0;
	width:280px;
	background:rgba(0,0,0,.45);
	overflow:hidden;
	bottom:10px;
	left:10px;
	padding: 0 10px;
}
.load{
	position: absolute;
	display: block;
	top:50%;
	right: 50%;
	z-index: 10;
}
.next{
	background:url(../images/rightArr.png) center no-repeat; 
	position: relative;
	top:190px;
	left:485px;
	width: 40px;
	height: 40px;
}
.prev{
	background:url(../images/leftArr.png) center no-repeat; 
	position: relative;
	top:50%;
	right: 50%;
	width: 40px;
	height: 40px;
}


.ball {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(0,183,229,0.9);
    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 35px #2187e7;
    width:50px;
    height:50px;
    margin:0 auto;
    -moz-animation:spin .5s infinite linear;
    -webkit-animation:spin .5s infinite linear;
}
.ball1 {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(0,183,229,0.9);
    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 15px #2187e7; 
    width:30px;
    height:30px;
    margin:0 auto;
    position:relative;
    top:-50px;
    -moz-animation:spinoff .5s infinite linear;
    -webkit-animation:spinoff .5s infinite linear;
}
@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}



